<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <script>       
    // 计算   rem计算公式  在不同的设备,显示同样的效果,类似于百分比
    //  750 是设计稿要求750  100 是为了好计算 ,但是一般都要设置成16
    // 如果不设置16的话,那么就需要在css里面加上 body{font-size:16px}
      document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 * 16 + 'px' 
    </script>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
